<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div id="main" style="width:600px; height: 400px"></div>
  <script src="./js/echarts.js"></script>
  <script>
    var myChart = echarts.init(document.getElementById('main'))
    myChart.setOption({
      title:{
        text: '散点图',
        subtext: '兔兔'
      },
      xAxis:{
        type: 'category',
        data:['一季度', '二季度', '三季度', '四季度']
      },
      yAxis:{},
      legend:{
        data:[{
          name: '老刘',
          icon: 'circle',
          textStyle:{
            color: 'red'
          }
        },'老思', '老雨']
      },
      series: [
        {
          name: '老刘',
          type: 'line',
          data:[13,24,78,65]
        },
        {
          name: '老思',
          type: 'bar',
          data: [32,54,23,67]
        },
        {
          name: '老雨',
          type: 'pie',
          radius: 35,
          center: ['80%','50'],
          data:[{
            name: '分类1', value: 50
          }, {
            name: '分类2', value: 60
          }, {
            name: '分类3', value: 55
          }, {
            name: '分类4', value: 70
          }]
        }
        
    ]
    })
  </script>
</body>
</html>